import { component$ } from '@builder.io/qwik';
import Card, { CardBody, CardTitle } from '~/components/ui/Card';
import Markdown from '~/components/ui/Markdown';

export default component$(() => {
  return (
    <Card class="my-4">
      <CardTitle>Markdown</CardTitle>
      <CardBody>
        <Markdown
          value={`
# 爆炸头协会纲领

## 协会名称

黑塔•狂野爆炸头协会

## 协会纲领

科学进步的脚步飞速向前迈进，而人类自我建设的进程却像蜗行牛步。
身为科研工作人员，我们有义务承担便于他人识别我们科室的责任，
故而已然牺牲了一部分的自我判定特色——那就是衣着。
面对千篇一律的衣着，我们当以其他途径加强属于个人的特色。
本协会认为，头颅之所以生长于人的躯干顶部，不仅仅是因为它里面装了个脑子那么简单。
它必然扮演了不可替代的职责，那就是「识别」的意义。
所以烫一个属于自己的独一无二「爆炸头」，便是掌握自我认识的关键一步。
唯有如此，空间站才会在科学的气息之下，弥漫出人性的馥郁之香。


    本内容由米游社·崩坏：星穹铁道-开拓者笔记提供。
    原文链接请查看 https://bbs.mihoyo.com/sr/wiki/content/1393/detail?bbs_presentation_style=no_header

## 主要区域

* 黑塔空间站
* 雅利洛-VI
  * 贝洛伯格
  * 克里珀堡
  * 永冬铭碑
  * 搏击俱乐部
* 仙舟罗浮
* 匹诺康尼

### 角色一览表

| 元素属性 \\  区域 | 蒙德 | 璃月 | 稻妻 | 须弥 | 枫丹 |
|-----------------|-----|-----|------|------|------|
|  水             | 芭芭拉 | 行秋 | 珊瑚宫心海 | 坎蒂丝 | 芙宁娜 |
|  火             | 迪卢克 | 嘉明 | 宵宫      | 迪希雅 | 林尼   |
|  风             | 巴巴托斯 | 魈 | 鹿野院平藏 | 珐露珊 | 琳妮特 |
|  岩             | 诺艾尔 | 钟离 | 荒泷一斗   |       | 娜维娅 |
|  冰             | 凯亚   | 重云 | 神里绫华  | 莱依拉 |  夏洛蒂 |
|  雷             | 菲谢尔 | 刻晴 | 雷电将军   | 赛诺  |       |
|  草             |       | 瑶瑶 | 绮良良    | 纳西妲 |       |

### 待办任务

- [ ] 螺旋深渊
- [x] 模拟宇宙

> 此处培育的特殊植物未经过完备的安全性测试，任何私自接触都可能导致难以预测的后果！
>
> 已发现的不良反应如下：
> 1. 看到头上冒着气泡的小人、骑着扑满的星神、漫天飞舞的信用点、满地乱爬的点心等幻象。
> 2. 性格突变，常见表现为突然产生向同事或上级袒露秘密的冲动。
> 3. 自我认知混乱。如果你认为自己是一只电饭煲或一支原子笔，不要怀疑，你现在很危险。
> 4. 满怀信心地制造出一些虚假的东西，比如一份不存在的警告和胡编乱造的不良反应。
>
> 鉴于植物的危险性，请在出现以上不良反应或者其他异常情况时立刻远离并向空间站寻求帮助！不然，你就…你就会……
>
> 啊~像我一样…变成一只…快乐的笔……
>
> 骑着扑满……
>
> 在这银河间，接住如雨的信用点……
>
> 再吃掉那些长了脚的点心……
>
> [warning]

[warning]

\`\`\`js
const v = 1;
console.log(v);
\`\`\`

[foo]: /help/ui "title"

hi [foo]

### 派蒙

![foo](/imgs/paimon-loading.png "title")

[warning]: "https://bbs.mihoyo.com/sr/wiki/content/2213/detail?bbs_presentation_style=no_header" "米游社·崩坏：星穹铁道-开拓者笔记"

`}
        />
      </CardBody>
    </Card>
  );
});
